<template>
  <div>
    <div class="title">
      <el-row>
        <el-col :span="1" style="width: 50px;">
          <span style="color:#757575;">位置 :</span>
        </el-col>
        <el-col :span="20">
          <span @click="tableshow" class="hand" :class="{'text' : !secondshow}">技术面试</span>
          <span v-if="secondshow" :class="{'text' : secondshow}">> {{secondtitle}}</span>
        </el-col>
      </el-row>
    </div>
    <div class="posttable" v-show="!addShow">
      <el-row type="flex" justify="center">
        <el-col :span="23">
          <div>
            <div
              class="tabletitle"
              style="float: left;margin-left: -10px;margin-top: 20px;margin-bottom: 20px;"
            >
              <h4>未面试简历</h4>
            </div>
            <div style="margin-bottom:20px;float: right;">
              <el-row type="flex" justify="space-between" style="margin-top: 11px;" class="btn">
                <el-input
                  style="width: 136px;"
                  size="small"
                  placeholder="请输入内容"
                  v-model.trim="inputValue"
                  @keyup.enter.native="searchMsg1"
                >
                  <i
                    slot="suffix"
                    class="el-input__icon el-icon-search"
                    style="cursor: pointer;"
                    @click="searchMsg1"
                  ></i>
                </el-input>
                <div style="margin-left: 5px;">
                  <el-button
                    style="background: linear-gradient(to bottom, #feaa12 0%, #f28316 100%);"
                    class="back"
                    size="small"
                    round
                    @click="backClick1"
                  >简历反馈</el-button>
                  <!-- <el-button class="back" size="small" round @click="unpassbackClick">未通过</el-button>
                  <el-button class="colsure" size="small" round @click="demandclosureClick">挂起</el-button>-->
                  <el-button class="back" size="small" @click="assign" round>指派</el-button>
                </div>
              </el-row>
            </div>
            <el-table
              class="resutable"
              :data="tableData1"
              ref="table1"
              highlight-current-row
              @current-change="handleCurrentChange1"
            >
              <el-table-column label="推送客户" width="120">
                <template slot-scope="scope">
                  <!-- prop="name" -->
                  <span
                  style="cursor: pointer; color:#1198ff;"
                  @click="viewdetail(scope.row)"
                >{{scope.row.customerName}}</span>
                </template>
              </el-table-column>
              <el-table-column label="需求编号" width="140">
                <template slot-scope="scope">
                  <span class="other" @click="getrequire(scope.row)">{{scope.row.requireNum}}</span>
                </template>
              </el-table-column>
              <el-table-column prop="postName" label="推送职位"></el-table-column>
              <el-table-column prop="postLevel" label="职位级别"></el-table-column>
              <el-table-column prop="area" label="所属区域"></el-table-column>
              <el-table-column label="姓名">
                <template slot-scope="scope">
                  <!-- prop="name" -->
                  <span>
                  <a
                    :href="scope.row.group+'/'+scope.row.fileAddress"
                    class="other"
                    target="_blank"
                  >{{scope.row.name}}</a>
                </span>
                </template>
              </el-table-column>
              <el-table-column label="毕业时间">
                <template slot-scope="scope">
                  <span>{{scope.row.graduationTime | converTime("YYYY-MM")}}</span>
                </template>
              </el-table-column>
              <el-table-column label="出生年月">
                <template slot-scope="scope">
                  <span>{{scope.row.birthday | converTime("YYYY-MM")}}</span>
                </template>
              </el-table-column>
              <el-table-column prop="phone" label="联系方式"></el-table-column>
              <el-table-column prop="status" label="离职状态"></el-table-column>
              <el-table-column prop label="期望薪资">
                <template slot-scope="scope">
                  <span
                    v-if="scope.row.customerName !== '港交所'"
                  >{{scope.row.expectSalary}}k*{{scope.row.expectSalaryNum}}</span>
                  <span v-if="scope.row.customerName == '港交所'">无</span>
                </template>
              </el-table-column>
              <el-table-column label="到岗时间">
                <template slot-scope="scope">
                  <span>{{scope.row.entryTime}}</span>
                </template>
              </el-table-column>
              <el-table-column prop="pusherName" label="推送人"></el-table-column>
              <el-table-column label="推送时间">
                <template slot-scope="scope">
                  <span>{{scope.row.createTime | converTime("YYYY-MM-DD")}}</span>
                </template>
              </el-table-column>
              <el-table-column prop="initialEvaluation" label="初步评价" show-overflow-tooltip></el-table-column>
              <el-table-column label="简历名称">
                <template slot-scope="scope">
                  <!-- prop="originalFilename" -->
                  <span>{{scope.row.originalFilename}}</span>
                </template>
              </el-table-column>
              <el-table-column prop="direction" label="面试方向"></el-table-column>
            </el-table>
            <div class="pager">
              <el-pagination
                @size-change="handleSizeChange1"
                @current-change="pagehandleCurrentChange1"
                :current-page="currentPage1"
                :page-sizes="[5,10,15]"
                :page-size="pagesize1"
                layout="total, sizes, prev, pager, next, jumper"
                :total="totalcount1"
              ></el-pagination>
            </div>
          </div>

          <el-row type="flex" justify="center" class="feedback">
            <el-col :span="23">
              <div class="tabletitle" style="float: left;margin-left: -43px;line-height: 43px;">
                <h4>已挂起简历</h4>
              </div>
              <div style="margin-bottom:20px;float: right;">
                <el-row type="flex" justify="space-between" style="margin-top: 11px;" class="btn">
                  <el-input
                    style="width: 136px;"
                    size="small"
                    placeholder="请输入内容"
                    v-model.trim="inputValue"
                    @keyup.enter.native="searchMsg"
                  >
                    <i
                      slot="suffix"
                      class="el-input__icon el-icon-search"
                      style="cursor: pointer;"
                      @click="searchMsg"
                    ></i>
                  </el-input>
                  <div style="margin-left: 5px;">
                    <el-button
                      style="background: linear-gradient(to bottom, #feaa12 0%, #f28316 100%);"
                      class="back"
                      size="small"
                      round
                      @click="backClick"
                    >简历反馈</el-button>
                  </div>
                </el-row>
              </div>
            </el-col>
          </el-row>
          <el-table
            ref="singleTable"
            highlight-current-row
            :data="tableData"
            @current-change="handleCurrentChange"
          >
            <el-table-column label="推送客户" width="120">
              <template slot-scope="scope">
                <!-- prop="name" -->
                <span
                  style="cursor: pointer; color:#1198ff;"
                  @click="viewdetail(scope.row)"
                >{{scope.row.customerName}}</span>
              </template>
            </el-table-column>
            <el-table-column label="需求编号" width="140">
              <template slot-scope="scope">
                <span class="other" @click="getrequire(scope.row)">{{scope.row.requireNum}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="postName" label="推送职位"></el-table-column>
            <el-table-column prop="postLevel" label="职位级别"></el-table-column>
            <el-table-column prop="area" label="所属区域"></el-table-column>
            <el-table-column label="姓名">
              <template slot-scope="scope">
                <!-- prop="name" -->
                <span>
                  <a
                    :href="scope.row.group+'/'+scope.row.fileAddress"
                    class="other"
                    target="_blank"
                  >{{scope.row.name}}</a>
                </span>
              </template>
            </el-table-column>
            <el-table-column label="毕业时间">
              <template slot-scope="scope">
                <span>{{scope.row.graduationTime | converTime("YYYY-MM")}}</span>
              </template>
            </el-table-column>
            <el-table-column label="出生年月">
              <template slot-scope="scope">
                <span>{{scope.row.birthday | converTime("YYYY-MM")}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="phone" label="联系方式"></el-table-column>
            <el-table-column prop="status" label="离职状态"></el-table-column>
            <el-table-column prop label="期望薪资">
              <template slot-scope="scope">
                <span
                  v-if="scope.row.customerName !== '港交所'"
                >{{scope.row.expectSalary}}k*{{scope.row.expectSalaryNum}}</span>
                <span v-if="scope.row.customerName == '港交所'">无</span>
              </template>
            </el-table-column>
            <el-table-column label="到岗时间">
              <template slot-scope="scope">
                <span>{{scope.row.entryTime}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="pusherName" label="推送人"></el-table-column>
            <el-table-column label="推送时间">
              <template slot-scope="scope">
                <span>{{scope.row.createTime | converTime("YYYY-MM-DD")}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="initialEvaluation" label="初步评价" show-overflow-tooltip></el-table-column>
            <el-table-column label="简历名称">
              <template slot-scope="scope">
                <!-- prop="originalFilename" -->
                <span>{{scope.row.originalFilename}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="direction" label="面试方向"></el-table-column>
            <el-table-column prop="technicalEvalution" label="技术面试备注" show-overflow-tooltip></el-table-column>
          </el-table>
          <div class="pager">
            <el-pagination
              @size-change="handleSizeChange"
              @current-change="pagehandleCurrentChange"
              :current-page="currentPage"
              :page-sizes="[5,10,15]"
              :page-size="pagesize"
              layout="total, sizes, prev, pager, next, jumper"
              :total="totalcount"
            ></el-pagination>

            <!--            未选择表格当前行的弹出框-->
            <el-dialog
              title="错误"
              :visible.sync="editdialogVisible"
              width="30%"
              :before-close="handleClose"
              class="deletedialog"
            >
              <div style="text-align: center">
                <i class="el-icon-warning" style="font-size: 20px;color: #fcb543;">
                  <span style="font-size: 16px;color: #333;margin-left: 12px;">尚未选择任何面试简历</span>
                </i>
              </div>
              <span slot="footer" class="dialog-footer">
                <el-button class="sure" round @click="handleOpen">确 定</el-button>
                <el-button round @click="handleClose" class="cancel">取 消</el-button>
              </span>
            </el-dialog>
            <!-- 简历反馈查看详情 -->
            <el-dialog
              title="简历反馈"
              :visible.sync="detailVisible"
              width="415px"
              :before-close="JbackClose"
              class="addroledialog back1"
            >
              <el-form :model="JformL" :rules="fdrules" ref="JformL" label-position="top">
                <el-row>
                  <el-form-item :label-width="formLabelWidth" prop="resumeStatus">
                    <el-col>
                      <span style="color:#333;font-weight:bold">
                        <span style="color:#F56C6C;">*</span>简历结果
                      </span>
                    </el-col>
                    <el-radio v-model="JformL.resumeStatus" label="TG">通过</el-radio>
                    <el-radio v-model="JformL.resumeStatus" label="TTH">未通过</el-radio>
                  </el-form-item>
                  <el-form-item :label-width="formLabelWidth" prop="technicalEvalution">
                    <el-col>
                      <span style="color:#333;font-weight:bold">
                        <span style="color:#F56C6C;">*</span>备注
                      </span>
                    </el-col>
                    <el-input
                      type="textarea"
                      :autosize="{minRows:2}"
                      v-model.trim="JformL.technicalEvalution"
                      placeholder="请输入简历反馈的原因"
                    ></el-input>
                  </el-form-item>
                </el-row>
              </el-form>
              <div slot="footer" class="dialog-footer">
                <el-button
                  class="sure"
                  :disabled="backdis"
                  type="primary"
                  round
                  @click="Jback('JformL')"
                >提交</el-button>
                <el-button class="cancel" round @click="JbackClose()">取消</el-button>
              </div>
            </el-dialog>
            <!-- 简历反馈查看详情 -->
            <el-dialog
              title="简历反馈"
              :visible.sync="detailVisible1"
              width="415px"
              :before-close="JbackClose1"
              class="addroledialog back1"
            >
              <el-form :model="JformL1" :rules="fdrules" ref="JformL1" label-position="top">
                <el-row>
                  <el-form-item :label-width="formLabelWidth" prop="resumeStatus">
                    <el-col>
                      <span style="color:#333;font-weight:bold">
                        <span style="color:#F56C6C;">*</span>简历结果
                      </span>
                    </el-col>
                    <el-radio v-model="JformL1.resumeStatus" label="TG">通过</el-radio>
                    <el-radio v-model="JformL1.resumeStatus" label="TTH">未通过</el-radio>
                    <el-radio v-model="JformL1.resumeStatus" label="GQ">挂起</el-radio>
                  </el-form-item>
                  <el-form-item :label-width="formLabelWidth" prop="technicalEvalution">
                    <el-col>
                      <span style="color:#333;font-weight:bold">
                        <span style="color:#F56C6C;">*</span>备注
                      </span>
                    </el-col>
                    <el-input
                      type="textarea"
                      :autosize="{minRows:2}"
                      v-model.trim="JformL1.technicalEvalution"
                      placeholder="请输入简历反馈的原因"
                    ></el-input>
                  </el-form-item>
                </el-row>
              </el-form>
              <div slot="footer" class="dialog-footer">
                <el-button
                  class="sure"
                  :disabled="backdis"
                  type="primary"
                  round
                  @click="Jback1('JformL1')"
                >提交</el-button>
                <el-button class="cancel" round @click="JbackClose1()">取消</el-button>
              </div>
            </el-dialog>

            <!--            指派弹出框-->
            <el-dialog
              class="addP"
              title="指派"
              :visible.sync="feedBackVisible"
              width="415px"
              :before-close="feedbackClose"
            >
              <el-form :model="formL" ref="formL" label-position="top">
                <el-form-item label="电面人员" prop="charge">
                  <el-select v-model="formL.charge" placeholder="请选择电面人员">
                    <!-- <el-option v-for="item in charges" :key="item" :label="item" :value="item"></el-option> -->
                    <el-option-group
                      v-for="(group,index) in charges"
                      :key="index"
                      :label="group.label"
                    >
                      <el-option
                        v-for="(item,index1) in group.options"
                        :key="index1"
                        :label="item"
                        :value="item"
                      ></el-option>
                    </el-option-group>
                  </el-select>
                </el-form-item>
              </el-form>
              <div slot="footer" class="dialog-footer">
                <el-button
                  class="sure"
                  :disabled="backdis"
                  type="primary"
                  round
                  @click="backConfirm('formL')"
                >提交</el-button>
                <el-button class="cancel" round @click="feedbackClose()">取消</el-button>
              </div>
            </el-dialog>
          </div>
        </el-col>
      </el-row>
    </div>
    <div v-if="type == 1">
      <resume-detail :detail-code="detailcode" v-show="addShow"></resume-detail>
    </div>
    <div v-if="type == 2">
      <job-Detail v-show="addShow" :detail-no="detailno"></job-Detail>
    </div>
  </div>
</template>
<script>
import axios from "axios";
import JobDetail from './jobdetail.vue'
import ResumeDetail from "./resumedetail";
import moment from "moment";

export default {
  components: {
    JobDetail,
    ResumeDetail
  },
  data() {
    return {
      inputValue: "",
      inputValue1: "",
      days: "",

      secondshow: false,
      editdialogVisible: false,
      feedBackVisible: false,
      detailVisible: false,
      detailVisible1: false,
      backdis: false,
      closedialogVisible: false,
      differcopierDialogVisible: false,
      JformL: {
        resumeStatus: "",
        technicalEvalution: ""
      },
      JformL1: {
        resumeStatus: "",
        technicalEvalution: ""
      },
      formL: {
        charge: ""
      },
      charges: [],
      tableData: [],
      currentPage: 1,
      pagesize: 15,
      totalcount: 0,
      tableData1: [],
      currentPage1: 1,
      pagesize1: 5,
      totalcount1: 0,
      newcolor1: false,
      type: null,
      secondtitle: "",
      addShow: false,
      detailno: "",
      detailcode: "",
      currentRow: null,
      currentRow1: null,
      feedBackVisible: false,
      dialogFormVisible: false,
      samemailDialogVisible: false,
      formLabelWidth: "120px",
      id: [],
      fdrules: {
        resumeStatus: [
          { required: true, message: "请选择简历结果", trigger: "change" }
        ],
        technicalEvalution: [
          { required: true, message: "请输入反馈详情", trigger: "blur" }
        ]
      }
    };
  },
  created() {
    this.success();
    this.success1();
    axios
      .get(this.url + "/demand/getGroupPeople") // 技术人员下拉列表请求
      .then(res => {
        this.unlogin(res.data.code);
        if (res.data.code == 200) {
          this.charges = res.data.data;
        }
      });
  },
  methods: {
    //获取保存状态下的表格数据
    getData() {
      this.addShow = false;
      this.secondshow = false;
      this.currentRow = null;
      var form = {
        condition: this.searchword,
        pageNum: this.currentPage,
        pageSize: this.pagesize
      };

      axios
        .post(this.url + "/interviewFeedBack/getFeedBackBycandidate", form)
        .then(res => {
          this.unlogin(res.data.code);
          if (res.data.code == 200) {
            this.tableData = res.data.data.list;
            this.totalcount = res.data.data.total;
          }
        });
    },
    getData1() {
      this.addShow = false;
      this.secondshow = false;
      this.currentRow = null;
      this.currentPage = 1;
      var form = {
        condition: this.searchword,
        pageNum: this.currentPage,
        pageSize: this.pagesize
      };
      axios
        .post(this.url + "/interviewFeedBack/getFeedBackBycandidate", form)
        .then(res => {
          this.unlogin(res.data.code);
          if (res.data.code == 200) {
            this.tableData = res.data.data.list;
            this.totalcount = res.data.data.total;
          }
        });
    },
    addshow() {
      this.addShow = !this.addShow;
      this.secondtitle = "新增反馈";
      this.secondshow = true;
      this.type = 5;
      this.$nextTick(() => {
        if (this.$refs.uploadAdd) {
          this.$refs.uploadAdd.initdata();
          this.$refs.uploadAdd.clearData();
          this.$refs.uploadAdd.resetFields("form");
        }
      });
    },
    // 修改按钮点击
    editClick() {
      this.currentrow = null;
      if (this.currentRow == null) {
        document.documentElement.style.overflow = "hidden";
        //未选择表格行，展示的弹出框
        this.editdialogVisible = !this.editdialogVisible;
      } else {
        document.documentElement.style.overflow = "auto";
        this.addShow = !this.addShow;
        this.secondtitle = "修改反馈";
        this.secondshow = !this.secondshow;
        this.type = 4;
        this.currentrow = this.currentRow;
        //修改子组件的事件触发
        if (this.$refs.editinterview) {
          this.$refs.editinterview.clearData();
          this.$refs.editinterview.resetFields("form");
        }
      }
    },
    editdown() {
      this.newcolor1 = true;
    },
    editup() {
      this.newcolor1 = false;
    },
    //从后台获取候选人表格的数据
    success() {
      axios
        .post(this.url + "/technicalInterview/getHangUp", {
          condition: this.inputValue,
          pageNum: this.currentPage,
          pageSize: this.pagesize
        })
        .then(res => {
          this.unlogin(res.data.code);
          if (res.data.code == 200) {
            if (res.data.data !== null) {
              this.tableData = res.data.data.list;
              this.totalcount = res.data.data.total;
            }
          }
        });
    },
    success1() {
      axios
        .post(this.url + "/technicalInterview/getList", {
          condition: this.inputValue1,
          pageNum: this.currentPage1,
          pageSize: this.pagesize1
        })
        .then(res => {
          this.unlogin(res.data.code);
          if (res.data.code == 200) {
            if (res.data.data !== null) {
              this.tableData1 = res.data.data.list;
              this.totalcount1 = res.data.data.total;
            }
          }
        });
    },
    //搜索
    searchMsg() {
      this.currentPage = 1;
      axios
        .post(this.url + "/technicalInterview/getHangUp", {
          condition: this.inputValue,
          pageNum: this.currentPage,
          pageSize: this.pagesize
        })
        .then(res => {
          if (res.data.code == 200) {
            if (res.data.data !== null) {
              this.tableData = res.data.data.list;
              this.totalcount = res.data.data.total;
            }
          }
        });
    },
    //未面试搜索
    searchMsg1() {
      this.currentPage1 = 1;
      axios
        .post(this.url + "/technicalInterview/getList", {
          condition: this.inputValue1,
          pageNum: this.currentPage1,
          pageSize: this.pagesize1
        })
        .then(res => {
          if (res.data.code == 200) {
            if (res.data.data !== null) {
              this.tableData1 = res.data.data.list;
              this.totalcount1 = res.data.data.total;
            }
          }
        });
    },
    //组件页面消失，回到当前页面
    tableshow(row) {
      this.addShow = false;
      this.secondshow = false;
      this.$refs.singleTable.setCurrentRow(row);
      this.type = null;
      this.success1();
      this.success();
    },

    handleOpen() {
      this.editdialogVisible = false;
      document.documentElement.style.overflow = "auto";
    },
    handleClose() {
      this.editdialogVisible = false;
      document.documentElement.style.overflow = "auto";
    },
    handleClose1() {
      this.closedialogVisible = false;
      document.documentElement.style.overflow = "auto";
    },
    //显示职位需求详情部分，隐藏表格
    getrequire(val) {
      this.detailno = val.requireNum;
      this.addShow = !this.addShow;
      this.secondtitle = "职位需求";
      this.secondshow = true;
      this.type = 2;
    },
    //查看反馈内容
    viewdetail(val) {
      this.detailcode = val;
      this.addShow = !this.addShow;
      this.secondtitle = "查看反馈内容";
      this.secondshow = !this.secondshow;
      this.type = 1;
    },
    handleSizeChange(val) {
      this.pagesize = val;
      this.success();
    },
    handleCurrentChange(val) {
      this.currentRow = val;
    },
    handleCurrentChange1(val) {
      this.currentRow1 = val;
    },
    pagehandleCurrentChange(val) {
      this.currentPage = val;
      this.success();
    },
    handleSizeChange1(val) {
      this.pagesize1 = val;
      this.success1();
    },
    pagehandleCurrentChange1(val) {
      this.currentPage1 = val;
      this.success1();
    },
    backClick() {
      this.JformL.resumeStatus = "";
      this.JformL.technicalEvalution = "";
      if (this.currentRow == null) {
        this.editdialogVisible = true;
        document.documentElement.style.overflow = "hidden";
      } else {
        this.editdialogVisible = false;
        this.detailVisible = true;
        this.backdis = false;
        document.documentElement.style.overflow = "hidden";
      }
    },
    backClick1() {
      this.JformL1.resumeStatus = "";
      this.JformL1.technicalEvalution = "";
      if (this.currentRow1 == null) {
        this.editdialogVisible = true;
        document.documentElement.style.overflow = "hidden";
      } else {
        this.editdialogVisible = false;
        this.detailVisible1 = true;
        this.backdis = false;
        document.documentElement.style.overflow = "hidden";
      }
    },
    Jback(formName) {
      this.$refs[formName].validate(valid => {
        if (valid) {
          this.backdis = true;
          axios
            .post(this.url + "/technicalInterview/interviewresult", {
              id: this.currentRow.id + "",
              resumeStatus: this.JformL.resumeStatus,
              technicalEvalution: this.JformL.technicalEvalution
            })
            .then(res => {
              if (res.data.code == 200) {
                this.backdis = false;
                this.detailVisible = false;
                this.success();
                this.$refs.JformL.resetFields();
                document.documentElement.style.overflow = "auto";
              }
            });
        }
      });
    },
    Jback1(formName) {
      this.$refs[formName].validate(valid => {
        if (valid) {
          this.backdis = true;
          axios
            .post(this.url + "/technicalInterview/interviewresult", {
              id: this.currentRow1.id + "",
              resumeStatus: this.JformL1.resumeStatus,
              technicalEvalution: this.JformL1.technicalEvalution
            })
            .then(res => {
              if (res.data.code == 200) {
                this.backdis = false;
                this.detailVisible1 = false;
                this.success1();
                this.success();
                this.$refs.JformL1.resetFields();
                document.documentElement.style.overflow = "auto";
              }
            });
        }
      });
    },
    // 指派按钮点击
    assign() {
      if (this.currentRow1 == null) {
        this.editdialogVisible = true;
        document.documentElement.style.overflow = "hidden";
      } else {
        this.editdialogVisible = false;
        this.feedBackVisible = true;
        this.backdis = false;
        document.documentElement.style.overflow = "hidden";
        //   this.formL.charges = [];
        // // 面试人员下拉框请求
        // axios
        //   .post(this.url + "/demand/getPeopleByGroup", {
        //     direction: this.currentRow1.direction,
        //   })
        //   .then(res => {
        //     this.unlogin(res.data.code);
        //     if (res.data.code == 200) {
        //       this.charges = res.data.data;
        //     }
        //   });
      }
    },
    //对指派的提交
    backConfirm(formName) {
      this.$refs[formName].validate(valid => {
        if (valid) {
          this.backdis = true;
          axios
            .post(this.url + "/technicalInterview/assign", {
              id: this.currentRow1.id + "",
              charge: this.formL.charge
            })
            .then(res => {
              if (res.data.code == 200) {
                this.backdis = false;
                this.feedBackVisible = false;
                this.success1();
                this.$refs.formL.resetFields();
                document.documentElement.style.overflow = "auto";
              }
            });
        }
      });
    },
    feedbackClose(row) {
      this.feedBackVisible = false;
      // this.$refs.singleTable.setCurrentRow(row);
      this.currentRow1 = null;
      document.documentElement.style.overflow = "auto";
    },
    JbackClose1() {
      this.detailVisible1 = false;
      document.documentElement.style.overflow = "auto";
    },
    JbackClose() {
      this.detailVisible = false;
      document.documentElement.style.overflow = "auto";
    },
    detailClose() {
      this.detailVisible = false;
      document.documentElement.style.overflow = "auto";
    }
  },

  watch: {
    inputValue: function(val) {
      if (val == "") {
        this.success();
      }
    },
    inputValue1: function(val) {
      if (val == "") {
        this.success1();
      }
    }
  }
};
</script>
<style scoped>
.check {
  width: 65px;
  height: 28px;
  opacity: 0.86;
  color: #fff;
  background: linear-gradient(to bottom, #ffbc1c 0%, #f69710 100%);
  padding: 7px 15px !important;
}
.back {
  width: 65px;
  height: 28px;
  opacity: 0.86;
  color: #fff;
  background: linear-gradient(to bottom, #6a76c7 0%, #8995e8 100%);
  padding: 7px 15px !important;
}

.back:hover {
  color: #fff !important;
}
.back:focus {
  color: #fff !important;
}
.colsure {
  width: 65px;
  height: 28px;
  opacity: 0.86;
  color: #fff;
  background: linear-gradient(to bottom, #00cebf 0%, #009085 100%);
  padding: 7px 6px !important;
}

.colsure:hover {
  color: #fff !important;
}
.colsure:focus {
  color: #fff !important;
}
.download {
  width: 65px;
  height: 28px;
  padding: 7px 15px !important;
  opacity: 0.86;
  margin-left: 5px;
  color: #fff;
  background: linear-gradient(to bottom, #2e5b9a 0%, #304a6c 100%);
}
.edit {
  width: 65px;
  height: 28px;
  opacity: 0.86;
  color: #fff;
  background: linear-gradient(to bottom, #00cebf 0%, #009085 100%);
  padding: 7px 15px !important;
}
.newcon {
  width: 65px;
  height: 28px;
  padding: 7px 15px !important;
  opacity: 0.86;
  color: #fff;
  background: linear-gradient(to bottom, #5696f8 0%, #143dea 100%);
}
.title {
  background-color: #fff;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  padding-left: 20px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.text {
  color: #1099ff;
}

.posttable {
  min-height: 700px;
  background-color: #fff;
}

.back {
  width: 80px;
  height: 28px;
  opacity: 0.86;
  color: #fff;
  background: linear-gradient(to bottom, #6a76c7 0%, #8995e8 100%);
  padding: 7px 15px !important;
}

.back:hover {
  color: #fff !important;
}
.back:focus {
  color: #fff !important;
}
.colsure {
  width: 65px;
  height: 28px;
  opacity: 0.86;
  color: #fff;
  background: linear-gradient(to bottom, #00cebf 0%, #009085 100%);
  padding: 7px 6px !important;
}

.colsure:hover {
  color: #fff !important;
}
.colsure:focus {
  color: #fff !important;
}
.send {
  width: 65px;
  height: 28px;
  opacity: 0.86;
  color: #fff;
  background: linear-gradient(to bottom, #feaa12 0%, #f28316 100%);
  padding: 7px 15px !important;
}

.send:hover {
  color: #fff !important;
}
.send:focus {
  color: #fff !important;
}

.resutable {
  background-color: #fff;
}

.pager {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
}

.el-pagination {
  margin-left: 50%;
  transform: translateX(-50%);
}

.resumeLink {
  cursor: pointer;
  color: #1198ff;
  text-decoration: none;
}

.line {
  height: 1px;
  background-color: #c8c8c8;
  margin-top: 3px;
  margin-bottom: 20px;
}

.darkline {
  height: 1px;
  background-color: #4288c3;
  margin-top: 10px;
  margin-bottom: 20px;
}
.other {
    color: #1198ff;
    cursor: pointer;
    text-decoration: none;
  }
.lightLine {
  height: 1px;
  background-color: #cccccc;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media screen and (min-width: 600px) and (max-width: 1700px) {
  .dialogBox {
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

@media screen and (min-width: 1701px) and (max-width: 1920px) {
  .dialogBox {
    height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
</style>
